<!-- saved from url=(0034)http://u.uzai.com/Personal/MyOrder -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width">

    <title>个人中心 - 畅游旅游公司</title>
    <meta name="keywords" content="旅游,旅游网,自由行,跟团游,公司旅游">
    <meta name="description" content="畅游网为你提供更好的旅游服务">

    <link href="../css/order/core.css" rel="stylesheet">
    <link href="../css/order/my_center_public.css" rel="stylesheet">
    <link href="../css/order/my_order.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="../css/order/wq.common.css">

    <link type="text/css" href="../css/order/style.css" rel="stylesheet"/>
    <script type="text/javascript" src="../js/order/jquery.min.js"></script>
    <script type="text/javascript" src="../js/order/jquery-1.7.2.min.js"></script>
    <!--    <script type="text/javascript" src="../js/order/tc.min.js"></script>-->
    <script type="text/javascript" src="../js/order/tc.all.js"></script>


    <!--[if lt IE 9]>
    <script r='m'>document.createElement("section")</script><![endif]-->
    <style id="tsbrowser_video_independent_player_style" type="text/css">
        [tsbrowser_force_max_size] {
            width: 100% !important;
            height: 100% !important;
            left: 0px !important;
            top: 0px !important;
            margin: 0px !important;
            padding: 0px !important;
            transform: none !important;
        }

        [tsbrowser_force_fixed] {
            position: fixed !important;
            z-index: 9999 !important;
            background: black !important;
        }

        [tsbrowser_force_hidden] {
            opacity: 0 !important;
            z-index: 0 !important;
        }

        [tsbrowser_hide_scrollbar] {
            overflow: hidden !important;
        }

        [tsbrowser_display_none] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }

        [tsbrowser_force_show] {
            display: black !important;
            visibility: visible !important;
            opacity: 0;
        }

        /*设置 a 标签的css样式*/

        .page-normal a {
            border: 1px solid #19AAF8;
            padding: 5px 7px;
            color: #2E6DA4;
            margin-left: 10px;
            /*设置标签 a 之间的间隔*/
            text-decoration: none;
            /*去除页码数字下面的下划线*/
        }

        /*设置鼠标经过时 a 标签的css样式*/

        .page-normal a:hover {
            background-color: #697DC2;
            color: white;
        }

        /*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/

        .page-normal {
            margin-top: 45px;
            color: #414141;
            text-align: center;
        }

        /*设置当前页面的css样式*/

        .page-normal .page-current {
            color: #ffffff;
            background-color: #ff6500;
        }

        /*设置左单括号 < 的css样式*/

        .page-normal .page-prev {
            color: #ffe3c6;
        }

        /*进行代码优化，将不同css样式中共有的属性放在一起，有助于提高运行效率*/

        .page-normal a,
        .page-normal a:hover,
        .page-normal .page-prev,
        .page-normal .page-current {
            border: 1px solid #0065D0;
            padding: 5px 7px;
        }
    </style>
</head>
<body style="">

<header id="wqHeader" style="height:auto;background:#fff;position:static;border-bottom:1px solid #d6d6d6;box-shadow:0 0 1px #d6d6d6;">
    <div class="wqHeader-info wqHeader-base-info">

        <a href="#" id="logo" alt="畅悦旅行" style="background-color:#fff;background-position:-80px -60px;"></a>
        <span style="float:left;" class="wqHeader-partner"></span>


        <ul class="wqHeader-nav wq_clearfix">
            <li><a href="/">首页</a></li>
            <li><a href="intent.html">跟团游</a></li>
            <li><a href="localjoin.html">目的地参团</a></li>
            <li class="wqHeader-nav-li">
                <a href="javascript:void(0);">自由行</a><i></i>
                <div class="hide side-bar side-bar-market">
                    <span class="sideBar-bugle"></span>
                    <div class="sideBar-group">
                        <p><span class="pack"></span><a href="pack.html" data-letters="自由行">夏令营</a></p>
                        <p><span class="visa"></span><a href="visa.html" data-letters="签证">亲子</a><em>HOT</em></p>
                        <p><span class="flight"></span><a href="flight.html" data-letters="机票">蜜月</a></p>
                        <p><span class="hotel"></span><a href="hotel.html" data-letters="酒店">温泉</a></p>
                        <p><span class="insurance"></span><a href="insurance.html" data-letters="保险">自驾游</a></p>
                    </div>
                    <div class="sideBar-group sideBar-group-last">
                        <p><span class="mustactive"></span><a href="mustactive.html" data-letters="当地玩乐">极光</a></p>
                        <p><span class="ticket"></span><a href="ticket.html" data-letters="门票">小团</a></p>

                    </div>
                </div>
            </li>
            <li class="wqHeader-nav-li">
                <a href="javascript:void(0);">目的地</a><i></i>
                <div class="hide side-bar side-bar-termini">
                    <span class="sideBar-bugle"></span>
                    <div class="sideBar-group" style="width:180px;">
                        <h2><a href="north_america.html"></a></h2>
                        <h3><a href="#/america/dest" data-letters="美国">海南</a></h3>
                        <p>
                            <a href="#/us_east_coast/dest" data-letters="美国东海岸">蜈支洲岛</a>
                            <a href="#/washington_dc/dest" data-letters="华盛顿">亚龙湾</a>
                            <a href="#/new_york_city/dest" data-letters="纽约">海堂广湾</a>
                        </p>
                        <p>
                            <a href="#/us_west_coast/dest" data-letters="美国西海岸">三亚湾</a>
                            <a href="#/los_angeles/dest" data-letters="洛杉矶">海口</a>
                            <a href="#/san_francisco/dest" data-letters="旧金山">大东海</a>
                        </p>
                        <h3><a href="#/america/dest" data-letters="云南">云南</a></h3>
                        <p>
                            <a href="#/las_vegas/dest" data-letters="拉斯维加斯">丽江</a>
                            <a href="#/hawaii/dest" data-letters="夏威夷">大理</a>
                            <a href="#/oahu/dest" data-letters="瓦胡岛">昆明</a>
                        </p>
                        <p>
                            <a href="#/big_island/dest" data-letters="夏威夷大岛">王龙雪山</a>
                            <a href="#/national_park/dest" data-letters="美西国家公园">洱海</a>
                        </p>
                        <h3><a href="#/america/dest" data-letters="云南">东北</a></h3>
                        <p>
                            <a href="#/yellow_stone/dest" data-letters="黄石公园">长白山</a>
                            <a href="#/grand_canyon/dest" data-letters="大峡谷">镜泊湖</a>
                        </p>
                        <p>
                            <a href="#/florida/dest" data-letters="佛罗里达和加勒比海">永定土楼</a>
                        </p>
                        <p>
                            <a href="#/us_selfdrive/dest" data-letters="美国自驾">哈尔滨</a>
                            <a href="#/route_1/dest" data-letters="1号公路">沈阳</a>
                            <a href="#/route_66/dest" data-letters="66号公路">长春</a>
                        </p>

                    </div>
                    <div class="sideBar-group" style="width:100px;">
                        <h3><a href="#/france/dest" data-letters="法国">西藏</a></h3>
                        <p><a href="#/paris/dest" data-letters="巴黎">拉萨</a></p>
                        <h3><a href="#/spain_and_portugal/dest" data-letters="西班牙+葡萄牙">林芝</a></h3>
                        <p><a href="#/barcelona/dest" data-letters="巴塞罗那">布达拉宫</a></p>
                        <p><a href="#/germany/dest" data-letters="德国">日喀则</a></p>
                        <p><a href="#/frankfurt/dest" data-letters="法兰克福">珠峰大本营</a></p>
                        <p><a href="#/italy/dest" data-letters="意大利">纳木措</a></p>
                        <p><a href="#/milan/dest" data-letters="米兰">米兰</a></p>

                    </div>
                    <div class="sideBar-group" style="width:170px;">
                        <h3><a href="#/australia/dest" data-letters="澳大利亚">广西</a></h3>
                        <p>
                            <a href="#/sydney_and_melbourne/dest" data-letters="悉尼墨尔本及周边">桂林</a>
                        </p>
                        <p>
                            <a href="#/sydeny/dest" data-letters="悉尼">北海</a>
                            <a href="#/melbourne/dest" data-letters="墨尔本">阳塑县</a>
                            <a href="#/great_ocean_road/dest" data-letters="大洋路">南宁</a>
                        </p>
                        <p>
                            <a href="#/great_barrier_reef_and_gold_coast/dest" data-letters="大堡礁黄金海岸及周边">通灵大峡谷</a>
                        </p>
                        <h3><a href="#/australia/dest" data-letters="澳大利亚">新疆</a></h3>
                        <p>
                            <a href="#/great_barrier_reef/dest" data-letters="大堡礁">银川</a>
                            <a href="#/gold_coast/dest" data-letters="黄金海岸">吐鲁番</a>
                        </p>
                        <p>
                            <a href="#/brisbane/dest" data-letters="布里斯班">青海湖</a>
                            <a href="#/cairns/dest" data-letters="凯恩斯">嘉峪关</a>
                        </p>
                        <p>
                            <a href="#/uluru/dest" data-letters="乌鲁鲁">赛里木湖</a>
                        </p>
                        <p>
                            <a href="#/south_island/dest" data-letters="新西兰南岛">月牙泉</a>
                            <a href="#/tekapo_and_queenstown/dest" data-letters="蒂卡波+皇后镇">敦煌</a>
                        </p>
                        <p>
                            <a href="#/franz_josef_glacier/dest" data-letters="南岛冰川西线">那提拉草原</a>
                            <a href="#/north_island/dest" data-letters="新西兰北岛">乌鲁木齐</a>
                        </p>
                        <p>
                            <a href="#/rotorua/dest" data-letters="罗托鲁瓦">喀纳斯</a>
                        </p>
                    </div>
                    <div class="sideBar-group sideBar-group-last" style="width:90px;">
                        <h2><a href="#/japan/dest">华东</a></h2>
                        <h3><a href="#/japan/dest" data-letters="日本">上海</a></h3>
                        <p><a href="#/tokyo/dest" data-letters="东京">杭州</a></p>
                        <p><a href="#/osaka/dest" data-letters="大阪">苏州</a></p>
                        <p><a href="#/kyoto/dest" data-letters="京都">扬州</a></p>
                        <p><a href="#/hokkaido/dest" data-letters="北海道">黄山</a></p>
                        <p><a href="#/okinawa/dest" data-letters="冲绳">普陀山</a></p>
                        <p><a href="#/fukuoka/dest" data-letters="福冈">绍兴</a></p>
                    </div>
                </div>
            </li>
        </ul>

        <ul class="wqHeader-user">


            <li class="nobr"><a href="https://vip.woqu.com/center/order" target="_blank">我的订单</a></li>



        </ul>
        <div class="wqHeader-base-search">
            <input type="text" placeholder="新西兰" id="hSearchInput" value="" />
            <i style="display:none!important;" id="searchContinent"></i>
            <input type="hidden" id="rspUseFirst" />
            <span class="btn" id="hSearchBtn">搜索</span>
            <div class="search-list " style="position:absolute;top:30px;right:0;left:auto;z-index:999;">
                <h3>热门推荐</h3>
                <div class="wq_clearfix">
                    <p><a href="#/globalsearch?keys=%E9%BB%84%E7%9F%B3" target="_blank">黄石</a></p>
                    <p><a href="#/globalsearch?keys=%E6%B4%9B%E6%9D%89%E7%9F%B6" target="_blank">洛杉矶</a></p>
                    <p><a href="#/globalsearch?keys=%E6%97%A7%E9%87%91%E5%B1%B1" target="_blank">旧金山</a></p>
                    <p><a href="#/globalsearch?keys=%E7%BA%BD%E7%BA%A6" target="_blank">纽约</a></p>
                    <p><a href="#/globalsearch?keys=%E5%8C%97%E6%B5%B7%E9%81%93" target="_blank">北海道</a></p>
                </div>
                <div class="wq_clearfix">
                    <p><a href="#/globalsearch?keys=%E4%B8%9C%E4%BA%AC" target="_blank">东京</a></p>
                    <p><a href="#/globalsearch?keys=%E5%A4%A7%E9%98%AA" target="_blank">大阪</a></p>
                    <p><a href="#/globalsearch?keys=%E4%BA%AC%E9%83%BD" target="_blank">京都</a></p>
                    <p><a href="#/globalsearch?keys=%E5%86%B2%E7%BB%B3" target="_blank">冲绳</a></p>
                    <p><a href="#/globalsearch?keys=%E6%B3%95%E5%9B%BD" target="_blank">法国</a></p>
                </div>
                <div class="wq_clearfix">
                    <p><a href="#/globalsearch?keys=%E8%8B%B1%E5%9B%BD" target="_blank">英国</a></p>
                    <p><a href="#/globalsearch?keys=%E6%84%8F%E5%A4%A7%E5%88%A9" target="_blank">意大利</a></p>
                    <p><a href="#/globalsearch?keys=%E7%91%9E%E5%A3%AB" target="_blank">瑞士</a></p>
                    <p><a href="#/globalsearch?keys=%E7%9A%87%E5%90%8E%E9%95%87" target="_blank">皇后镇</a></p>
                    <p><a href="#/globalsearch?keys=%E6%82%89%E5%B0%BC" target="_blank">悉尼</a></p>
                </div>
                <div class="wq_clearfix">
                    <p><a href="#/globalsearch?keys=%E5%A4%A7%E5%A0%A1%E7%A4%81" target="_blank">大堡礁</a></p>
                    <p><a href="#/globalsearch?keys=%E5%A2%A8%E5%B0%94%E6%9C%AC" target="_blank">墨尔本</a></p>
                    <p><a href="#/globalsearch?keys=%E5%8D%8E%E6%AC%A3" target="_blank">华欣</a></p>
                    <p><a href="#/globalsearch?keys=%E6%99%AE%E5%90%89%E5%B2%9B" target="_blank">普吉岛</a></p>
                    <p><a href="#/globalsearch?keys=%E5%B7%B4%E5%8E%98%E5%B2%9B" target="_blank">巴厘岛</a></p>
                </div>
            </div>
        </div>
        <div class="header_phone">
            <div>
                18476424464
                <strong>更多<i class="nav_triangle"></i></strong>
                <div class="phone_group">

                </div>
            </div>
        </div>
        <a href="#/album/46064198?cf=top" target="_blank" style="display:block;width:170px;height:73px;position:absolute;top:0;right:350px;">
            <img src="img/common/activityBanner/20160505.png" alt="暑期嘉年华，好礼抢不停" title="暑期嘉年华，好礼抢不停" width="170" height="73">
        </a>
    </div>

    <!-- 获取当前类目 -->
    <input type="hidden" id="categoryType" value="" />
    <input type="hidden" id="globalContinent" value="" />

    <input type="hidden" id="wqConsult" value='{"flag":1,"control":"globe","rule":{"first":30000,"second":-1,"count":1},"style":"common","content":"咨询顾问有惊喜，了解最新优惠信息。"}' />
</header>
<div class="MyCenterWrap" id="MyCenterWrap">
    <div class="main clear">

        <div class="sidebar">
            <dl class="grouping-item">
                <dt><a href="http://u.uzai.com/Personal/PersonalIndex"><i class="iconfont icon-zhuye"></i><b
                        class="f16 vm color">我的畅游</b></a></dt>
                <dt><i class="iconfont icon-yonghu"></i><b class="f16 vm">个人中心</b></dt>
                <dd class="active"><a href="order/myorder">我的订单</a></dd>
                <dd><a href="/comment/gomycomment">我的评论</a></dd>

                <dt><i class=""></i><b class="f16 vm">账号管理</b></dt>
                <dd><a href="/orderuser">个人资料</a></dd>
                <dd class=""><a href="">账户安全</a></dd>
            </dl>
        </div>

        <div class="individual-wrap">
            <ul class="nav">
                <li><i class="iconfont icon-lititle"></i>我的订单</li>
            </ul>
            <div class="Acti_v clear">
                <ul class="clear Acti_v_nav">
                    <li class="fl on" th:if="${status} eq null"><a href="/order/myorder">全部订单(<i
                            th:text="${page.totalCount}"></i>)</a></li>
                    <li class="fl" th:if="${status} ne null"><a class="chuns" href="/order/myorder">全部订单(<i
                            th:text="${page.totalCount}"></i>)</a></li>
                    <li class="fl on" th:if="${status} eq '1'"><a href="/order/myorder?status=1">待付款(<i
                            th:text="${moneypage.totalCount}"></i>)</a></li>
                    <li class="fl" th:if="${status} ne '1'"><a class="chuns" href="/order/myorder?status=1">待付款(<i
                            th:text="${moneypage.totalCount}"></i>)</a></li>
                    <li class="fl on" th:if="${status} eq '2'"><a href="/order/myorder?status=2">待出行(<i
                            th:text="${trippage.totalCount}"></i>)</a></li>
                    <li class="fl" th:if="${status} ne '2'"><a class="chuns" href="/order/myorder?status=2">待出行(<i
                            th:text="${trippage.totalCount}"></i>)</a></li>
                    <li class="fl on" th:if="${status} eq '3'"><a href="/order/myorder?status=3">已完成(<i
                            th:text="${overpage.totalCount}"></i>)</a></li>
                    <li class="fl" th:if="${status} ne '3'"><a class="chuns" href="/order/myorder?status=3">已完成(<i
                            th:text="${overpage.totalCount}"></i>)</a></li>
                </ul>
                <div class="order_style">
                    <label class="add_info-hd add_r fl">订单类型 :</label>
                    <div class="add_item add_name-bar">
                        <select name="" id="orderType" class="">
                            <option value="全部">请选择</option>
                            <option value="度假线路">度假线路</option>
                            <option value="签证">签证</option>
                            <option value="门票">门票</option>
                            <option value="机票">机票</option>
                        </select>
                    </div>
                </div>
            </div>
            <div>

                <ul class="order_list" style="display:block;" id="order_list">
                    <li class="list_th clear">
                        <span class="th01">产品信息</span><span class="th02">出发日期</span><span class="th03">订单金额</span><span
                            class="th04">
                            订单状态<i class="iconfont icon-question">
                                <div class="order_type">
                                    <p>
                                        <em>处理中：</em>
                                        <b class="">您的订单已提交成功，我们正在处理中，请耐心等待客服与您联系。</b>
                                    </p>
                                    <p>
                                        <em>待付款：</em>
                                        <b>已为您保留位置,请尽快完成付款。</b>
                                    </p>
                                    <p>
                                        <em>已付订金：</em>
                                        <b>您的订单已支付订金，请尽快支付全款，以免影响您的出游。</b>
                                    </p>
                                    <p>
                                        <em>已付全款：</em>
                                        <b>您已经完成该订单的支付，请耐心等待出团通知书。</b>
                                    </p>
                                    <p>
                                        <em>订单取消：</em>
                                        <b>该订单已被您或客服取消。</b>
                                    </p>
                                </div>
                            </i>
                        </span><span class="th05">操作</span>
                    </li>
                    <li ordercode="FR19120000003179" th:each="list:${order_list}">
                        <div class="notime clear"><span>订单编号：<a style="color: #2D3E50;" th:text="${list.id}"></a></span><span
                                class="time">下单时间：<a style="color: #2D3E50;" th:text="${list.O_time}"></a></span></div>
                        <table class="list_detail">
                            <tbody>
                            <tr>
                                <td class="th01">

                                    <div class="fl">
                                        <img onerror="nofind()" th:src="${list.imgName1}" width="60" height="50">
                                    </div>
                                    <div class="fl title">
                                        <em>
                                            <a href="#" target="_blank" th:text="${list.title}"
                                               th:href="'/order/goShowOrder?id='+${list.id}">
                                            </a>
                                        </em>

                                    </div>

                                </td>
                                <td class="th02" th:text="${#dates.format(list.startTimes,'yyyy-MM-dd')}"></td>
                                <td class="th03" th:text="${list.price}"></td>

                                <td class="th04">
                                    <a class="channel" th:if="${list.status} eq '1'"  th:href="'/toPay?price='+${list.price}+'&title='+${list.title}+'&orderid='+${list.id}">未付款</a>
                                    <a class="rpg" th:ordid="${list.id}" th:if="${list.status} eq '2'">已付款</a>

                                </td>
                                <td class="th05" servicetype="外采">

                                    <a class="channel" th:if="${list.status} eq '1'"  th:href="'/toPay?price='+${list.price}+'&title='+${list.title}+'&orderid='+${list.id}">去支付</a>
                                    <a class="rpg" th:ordid="${list.id}" th:if="${list.status} eq '3'">评论</a>
                                    <a class="rpg" th:ordid="${list.id}" th:if="${list.status} eq '2'">待出发</a>
                                </td>

                            </tr>
                            </tbody>
                        </table>

                        <div class="order_fz hidden">
                            <div class="arr3"></div>
                            <div class="arr4"></div>
                            <table class="order_fz_table" cellpadding="0" cellspacing="0">
                                <tbody>
                                <tr>
                                <th class="t01">子订单编号</th>
                                <th class="t02">金额</th>
                                <th class="t03">支付状态</th>
                                <th class="t04">款项类型</th>
                                <th class="t05">操作</th>
                                <th class="t06"></th>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </li>

                </ul>

            </div>
            <div class="page-normal" th:if="${countpage} gt 1">
                总页数:<a th:text="${countpage}"></a>
                <a th:href="'/order/myorder?index=1&status='+ ${status}">首页</a>
                <a th:if="${index} ne '1'" th:href="'/order/myorder?index='+${index - 1}+'&status='+ ${status}">上一页</a>
                <a class="active" th:text="${index}"></a>
                <a th:if="${index} lt ${countpage}" th:href="'/order/myorder?index='+${index + 1}+'&status='+ ${status}">下一页</a>
                <a th:href="'/order/myorder?index='+${countpage}+'&status='+ ${status}">尾页</a>
            </div>
        </div>

        <style type="text/css">


            .chuns {
                color: #000000;
            }


            i {
                font-style: normal;
            }


            #detail {
                position: absolute;
                display: none;
            }

            #detail .tit {
                float: right;
                display: block;
                height: 33px;
                cursor: move;
            }

            #detail .tit i {
                float: right;
                line-height: 33px;
                padding: 0 8px;
                cursor: pointer;
            }
        </style>

        <div id="detail" style="display:hidden">
            <div>
                <div class="order-evaluation clearfix">
                    <div class="tit"><i class="close">&Chi;</i></div>
                    <h4>给“<a style="color: #63B8FF;" id="dacod"></a>订单”的评价</h4>
                    <p>请严肃认真对待此次评价哦！您的评价对我们真的真的非常重要！</p>
                    <div class="block">
                        <ul>
                            <li id="pindex" data-default-index="0">
								<span>
					<img src="../img/x1.png">
					<img src="../img/x1.png">
					<img src="../img/x1.png">
					<img src="../img/x1.png">
					<img src="../img/x1.png">
				</span>
                                <em class="level"></em>
                            </li>
                        </ul>
                    </div>
                    <div class="order-evaluation-text">
                        本次交易，乖，摸摸头 给您留下了什么印象呢？
                    </div>
                    <div class="order-evaluation-textarea">
                        <textarea name="content" id="TextArea1" onKeyUp="words_deal();"></textarea>
                        <span>还可以输入<em id="textCount">140</em>个字</span>
                    </div>
                    <a href="javascript:;" class="suba" id="order_evaluation">评价完成</a>
                </div>
            </div>
        </div>

        <div class="tc_bg ddxx">
            <i class="iconfont icon-shanchu"></i>
            <h1>修改订单信息</h1>
            <div class="ddxx_left clear">
                <div><em>*</em>修改类型：</div>
                <div class="fuxuan">
                    <p><input type="checkbox" name="CheckboxGroup1" value="1" id="CheckboxGroup1_0">修改出行人数</p>
                    <p><input type="checkbox" name="CheckboxGroup1" value="2" id="CheckboxGroup1_1">修改出行日期</p>
                    <p><input type="checkbox" name="CheckboxGroup1" value="3" id="CheckboxGroup1_2">修改游客信息</p>
                    <p><input type="checkbox" name="CheckboxGroup1" value="4" id="CheckboxGroup1_3">其它</p>
                </div>
            </div>
            <div class="ddxx_left clear">
                <div><em>*</em>具体修改内容：</div>
                <div>
                    <textarea id="upcontent" class="textarea"></textarea>
                    <span class="changeOrderTips">*保存修改内容后，客服会在一个工作时内与您电话联系！</span>
                </div>
            </div>
            <input type="hidden" id="upordercode">
            <input type="button" value="修改" id="uporder" class="button">
        </div>

        <div class="tc_bg ddxx">
            <i class="iconfont icon-shanchu"></i>
            <h1>取消订单原因</h1>
            <div class="reason">
                <label><input type="checkbox" name="CheckboxGroup2" value="0" id="CheckboxGroup2_0"><span>临时突发情况</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="1"
                              id="CheckboxGroup2_0"><span>行程不满意</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="2" id="CheckboxGroup2_0"><span>价格比别家高</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="3"
                              id="CheckboxGroup2_0"><span>产品确认时间太长</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="4"
                              id="CheckboxGroup2_0"><span>发票原因</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="5"
                              id="CheckboxGroup2_0"><span>配送问题</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="6"
                              id="CheckboxGroup2_0"><span>客服原因</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="7"
                              id="CheckboxGroup2_0"><span>产品价格高于预期价格</span></label>
                <label><input type="checkbox" name="CheckboxGroup2" value="8"
                              id="CheckboxGroup2_0"><span>其它</span></label>
            </div>
            <textarea class="reason_other hide"></textarea>
            <input type="hidden" id="cenordercode">
            <input type="button" value="取消订单" id="cancelorder" class="button">
        </div>
        <div class="bg_000"></div>

    </div>
</div>


<script type="text/javascript">
    $(function () {
        //确定哪个菜单应该有背景色
        $('dd').removeClass('active');
        var menuName = window.location.pathname.toLocaleLowerCase();
        $('.grouping-item').find('a').each(function () {
            if ($(this).attr('href').toLowerCase() === menuName) {
                $(this).parent('dd').addClass('active');
            } else if (menuName == "/personal/activitynfo" && $(this).attr('href').toLowerCase() == "/personal/myactivity") {
                $(this).parent('dd').addClass('active');
            } else if (menuName == "/personal/addcommontraveller" && $(this).attr('href').toLowerCase() == "/personal/commontraveller") {
                $(this).parent('dd').addClass('active');
            } else if ((menuName == "/personal/authentication_1" || menuName == "/personal/authentication_2" || menuName == "/personal/changeemail" || menuName == "/personal/changepassword" || menuName == "/personal/changephone" || menuName == "/personal/emailverify") && $(this).attr('href').toLowerCase() == "/personal/accountsecurity") {
                $(this).parent('dd').addClass('active');
            } else if ((menuName == "/personal/cruiseorderdetail" || menuName == "/personal/orderinfo") && $(this).attr('href').toLowerCase() == "/personal/myorder") {
                $(this).parent('dd').addClass('active');
            } else if (menuName == "/personal/exchangeorderinfo" && $(this).attr('href').toLowerCase() == "/personal/exchangeorder") {
                $(this).parent('dd').addClass('active');
            }
        });


    });


</script>
<footer class="wq_footer_wrapper">
    <div class="wq_footer_wrapper_container">
        <div class="wq_footer_center wq_clearfix">
            <div>
                <ul class="wq_footer_virtue">
                    <li class="first">
                        <a href="#/web-trust#partone" target="_blank">
                            <span class="a"></span>
                            <h4>值得信赖</h4>
                            <p>腾讯战略合作伙伴</p>
                        </a>
                    </li>
                    <li>
                        <a href="#/web-trust#partone" target="_blank">
                            <span class="b"></span>
                            <h4>产品丰富</h4>
                            <p>涵盖吃住行、游购娱</p>
                        </a>
                    </li>
                    <li>
                        <a href="#/web-trust#partthree" target="_blank">
                            <span class="c"></span>
                            <h4>退改无忧</h4>
                            <p>行程有变，免收退改服务费</p>
                        </a>
                    </li>
                    <li>
                        <a href="#/web-trust#partfour" target="_blank">
                            <span class="d"></span>
                            <h4>服务保障</h4>
                            <p>畅悦重拳保障品质旅行</p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#/web-trust#partfive" target="_blank">
                            <span class="e"></span>
                            <h4>全程管家服务</h4>
                            <p>7x24小时为您排忧解难</p>
                        </a>
                    </li>
                </ul>

                <div class="wq_footer_adviser">
                    <i></i>
                    <p class="wq_footer_adviser_title">畅悦旅游顾问<font>24小时守候您身边</font></p>
                    <ul class="wq_footer_phone">
                        <li>. 中国本地拨打：<span>400-661-5757</span></li>
                        <li>. 国际通用拨打：<span>86-755-3667-7780</span></li>
                        <li>. 美国本地拨打：<span>855-967-8266</span></li>
                        <li>. 加拿大本地拨打：<span>855-967-8266</span></li>
                        <li>. 澳大利亚本地拨打：<span>1800-204-810</span></li>
                        <li>. 新西兰本地拨打：<span>0800-440-238</span></li>
                    </ul>
                </div>
                <div class="vertical_divide"></div>
                <ul class="wq_footer_about">
                    <li class="wq_footer_about_link"><a target="_blank" href="#/about-woqu#about-us">关于我们</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/about-woqu#woqu-dynamic">畅悦动态</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/about-woqu#media-report">媒体报道</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/about-woqu#join-us">加入我们</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/about-woqu#contact-us">联系我们</a></li>
                </ul>
                <ul class="wq_footer_about">
                    <li class="wq_footer_about_link"><a target="_blank" href="#/faq">常见问题</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="javascript:;"
                                                        onclick="window.open('http://www2.53kf.com/webCompany.php?arg=10055668&style=1&kflist=off&kf=kelvin.liu@woqu.com,hong.li@woqu.com,ivy.lo@woqu.com,yuyu.li@woqu.com,cs.zheng@woqu.com,ouyang@woqu.com,ray.lv@woqu.com,leping.li@woqu.com,wei.liu@woqu.com,rui.xu@woqu.com,qiang.luo@woqu.com,ivy.deng@woqu.com,kilo.zou@woqu.com&zdkf_type=1&language=zh-cn&charset=gbk&lytype=0&referer={hz6d_referer}&keyword=&tfrom=1&tpl=crystal_blue','_blank','height=473,width=703,top=200,left=200,status=yes,toolbar=no,menubar=no,resizable=yes,scrollbars=no,location=no,titlebar=no');">在线咨询</a>
                    </li>
                    <li class="wq_footer_about_link wq_footer_about_link_traveladviser"><a target="_blank"
                                                                                           href="#/help-center#travel-adviser">旅游顾问</a>
                    </li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/help-center#coupon-explain">优惠券说明</a>
                    </li>
                </ul>
                <ul class="wq_footer_about">
                    <li class="wq_footer_about_link"><a target="_blank" href="#/booking-notice#payment-method">支付方式</a>
                    </li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/booking-process">订购流程</a></li>
                    <li class="wq_footer_about_link"><a target="_blank"
                                                        href="#/booking-notice#change-and-cancel">更改取消</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/booking-notice#refund-notice">退款说明</a>
                    </li>
                </ul>
                <ul class="wq_footer_about">
                    <li class="wq_footer_about_link"><a target="_blank" href="#/web-trust">服务保障</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/website-term#user-agreement">用户协议</a>
                    </li>
                    <li class="wq_footer_about_link"><a target="_blank"
                                                        href="#/website-term#privacy-protection">隐私保护</a></li>
                    <li class="wq_footer_about_link"><a target="_blank" href="#/website-term#disclaimer">免责声明</a></li>
                </ul>

            </div>
        </div>

        <div class="wq_partner_wrapper">
            <div>
                <div class="module_label">
                    <i></i>
                    <a target="_blank" href="#/our-partner">合作伙伴</a>
                </div>
                <ul class="partner_link wq_clearfix">
                    <li class="wq_p_link nta_link">
                        <a href="http://www.ntaonline.com" target="_blank">美国全国旅游协会</a>
                    </li>
                    <li class="wq_p_link visitbritain_link">
                        <a href="http://www.visitbritain.com/" target="_blank">英国旅游局</a>
                    </li>
                    <li class="wq_p_link ge_link">
                        <a href="http://www.germany.travel" target="_blank">德国国家旅游局</a>
                    </li>
                    <li class="wq_p_link la_link">
                        <a href="http://www.hellola.cn" target="_blank">洛杉矶会议及旅游局</a>
                    </li>
                    <li class="wq_p_link nz_link">
                        <a href="http://www.newzealand.com/cn/" target="_blank">新西兰旅游局</a>
                    </li>
                    <li class="wq_p_link lv_link">
                        <a href="http://www.lasvegas.com" target="_blank">拉斯维加斯会议及旅游局</a>
                    </li>
                    <li class="wq_p_link spain_link">
                        <a href="http://www.spain.info/" target="_blank">西班牙国家旅游局</a>
                    </li>
                    <li class="wq_p_link bln_link">
                        <a href="http://www.barcelonaturisme.com/" target="_blank">巴塞罗那旅游局</a>
                    </li>
                    <li class="wq_p_link azot_link">
                        <a href="http://visitarizona-cn.com/index.asp" target="_blank">亚利桑那州旅游局</a>
                    </li>
                    <li class="wq_p_link lyon_link">
                        <a href="http://www.lyon-france.com/" target="_blank">里昂旅游局</a>
                    </li>
                    <li class="wq_p_link marseille_link">
                        <a href="http://www.marseille-tourisme.com/" target="_blank">马赛旅游局</a>
                    </li>
                    <li class="wq_p_link cotedazur_link">
                        <a href="http://www.frenchriviera-tourism.com" target="_blank">蔚蓝海岸地区旅游局</a>
                    </li>
                    <li class="wq_p_link nicetourisme_link">
                        <a href="http://zh.nicetourisme.com/" target="_blank">尼斯旅游局</a>
                    </li>
                    <li class="wq_p_link ctrip_link">
                        <a href="http://www.ctrip.com" target="_blank">携程</a>
                    </li>
                    <li class="wq_p_link qunar_link">
                        <a href="http://wqlx2.package.qunar.com/supplier_shop.jsp#bid=1407738681970&productid=1397180028&tm=d20"
                           target="_blank">去哪儿</a>
                    </li>
                    <li class="wq_p_link qyer_link">
                        <a href="http://www.qyer.com/" target="_blank">穷游</a>
                    </li>
                    <li class="wq_p_link daodao_link">
                        <a href="http://www.tripadvisor.cn" target="_blank">TripAdvisor</a>
                    </li>
                    <li class="wq_p_link tmall_link">
                        <a href="http://www.tmall.com/" target="_blank">天猫</a>
                    </li>
                    <li class="wq_p_link mafengwo_link">
                        <a href="http://www.mafengwo.cn/" target="_blank">蚂蜂窝</a>
                    </li>
                    <li class="wq_p_link hnair_link">
                        <a href="http://www.hnair.com" target="_blank">海南航空</a>
                    </li>
                    <li class="wq_p_link zfb_link">
                        <a href="https://www.alipay.com" target="_blank">支付宝</a>
                    </li>
                    <li class="wq_p_link cft_link">
                        <a href="https://www.tenpay.com" target="_blank">财付通</a>
                    </li>
                    <li class="wq_p_link pufa_link">
                        <a href="http://www.spdb.com.cn" target="_blank">浦发银行</a>
                    </li>
                    <li class="wq_p_link gt_link">
                        <a href="http://www.china-globaltraveler.com" target="_blank">环旅世界</a>
                    </li>
                    <li class="wq_p_link texas_link">
                        <a href="http://traveltexas.net.cn/index.html" target="_blank">德克萨斯州旅游局</a>
                    </li>
                    <li class="wq_p_link zxbank_link">
                        <a href="http://creditcard.ecitic.com" target="_blank">中信银行信用卡中心</a>
                    </li>
                    <li class="wq_p_link gdbank_link">
                        <a href="http://www.cebbank.com" target="_blank">光大银行信用卡中心</a>
                    </li>
                    <li class="wq_p_link qqvip_link">
                        <a href="http://vip.qq.com" target="_blank">QQ会员</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wq_certificate_wrapper">
            <div>
                <div class="module_label">
                    <i></i>
                    <a href="javascript:;">资质证书</a>
                </div>
                <ul class="verify_list">
                    <li class="license_icon">
                        <a target="_blank" href=""></a>
                    </li>
                    <li class="zfb_icon">
                        <a target="_blank" href="/"></a>
                    </li>
                    <li class="baidu_icon">
                        <a target="_blank" href="http://www.baidu.com/s?wd=www.woqu.com%40v&ie=UTF-8"></a>
                    </li>
                    <li class="a360_icon">
                        <a target="_blank" href="http://webscan.360.cn/index/checkwebsite/url/www.woqu.com"></a>
                    </li>

                    <li class="cert_icon">
                        <a target="_blank"
                           href="http://www.anquan.org/authenticate/cert/?site=woqu.com&at=realname"></a>
                    </li>
                    <li class="record_icon">
                        <a target="_blank" href="http://61.144.227.239:9003/webrecord/form_query.jsp"></a>
                    </li>
                    <li class="geo_icon last">
                        <a target="_blank" href="https://sealsplash.geotrust.com/splash?&dn=*.woqu.com"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wq_footer_bottom wq_clearfix">
            <div>
                <i></i>
                <p class="wq_copyright"><span>畅悦，只做有品质的海外旅行！</span><br/>
                    <span title="host-web-1.woqu.com">&copy;2013-2016 WOQU.com All Rights Reserved</span>
                </p>
            </div>
        </div>
    </div>
    <script src="../js/wq.monitor.js"></script>
    <script src="../js/wq.common.js"></script>
    <script src="../js/beacon.js"></script>


</footer>


<script type="text/javascript">

    $(document).ready(function () {
        var id;
        $(".rpg").click(function () {
            id = $(this).attr("ordid");
            document.getElementById("dacod").innerHTML = id;

            popWin("detail");
        });
        $(".close").click(function () {
            $("#detail").css({display: "none"});
            $("#pindex").attr("data-default-index", "0");

        });

        $(".suba").click(function () {
            var index = $("#pindex").attr("data-default-index");
            var plfie = $("#TextArea1").val();
            if (index == 0) {
                $(".level").html("请动一下您的小手！点亮它！");
                return;
            }
            alert(id)
            alert(index)
            alert(plfie)

            $("#detail").css({display: "none"});

            $("#pindex").attr("data-default-index", "0");
            <!--                        $.ajax({-->
        <
            !--                            //请求方式-->
            <!--                            type: "post",-->
            < !--                            //发送请求的地址-->
            <!--                            url: "/traveltype/add?oId="+id+"&content="+plfie+"&gradeLeven="+index,-->
            < !--                            //服务器返回的数据类型-->
            <!--                            dataType: "json",-->

            <!--                            success:function(data){-->
            <!--                                if(data=='1'){-->
            <!--                                     alert("评论成功")-->
            <!--                                }else if(data=='0'){-->
            <!--                                     alert("添加失败")-->
            <!--                                }else if(data=='-2'){-->
            <!--                                     alert("数据库异常")-->
            <!--                                }-->
            <!--                            },-->
            <!--                            error:function(jqXHR){-->
            <!--                                alert("网络异常")-->
            <!--                            }-->
            <!--                        });-->


        });

    });

    /*
     * 根据index获取 str
     * **/
    function byIndexLeve(index) {
        var str = "";
        switch (index) {
            case 0:
                str = "差评";
                break;
            case 1:
                str = "较差";
                break;
            case 2:
                str = "中等";
                break;
            case 3:
                str = "一般";
                break;
            case 4:
                str = "好评";
                break;
        }
        return str;
    }

    //  星星数量
    var stars = [
        ['x2.png', 'x1.png', 'x1.png', 'x1.png', 'x1.png'],
        ['x2.png', 'x2.png', 'x1.png', 'x1.png', 'x1.png'],
        ['x2.png', 'x2.png', 'x2.png', 'x1.png', 'x1.png'],
        ['x2.png', 'x2.png', 'x2.png', 'x2.png', 'x1.png'],
        ['x2.png', 'x2.png', 'x2.png', 'x2.png', 'x2.png'],
    ];
    $(".block li").find("img").hover(function (e) {
        var obj = $(this);
        var index = obj.index();
        if (index < (parseInt($(".block li").attr("data-default-index")) - 1)) {
            return;
        }
        var li = obj.closest("li");
        var star_area_index = li.index();
        for (var i = 0; i < 5; i++) {
            li.find("img").eq(i).attr("src", "../img/" + stars[index][i]);//切换每个星星
        }
        $(".level").html(byIndexLeve(index));
    }, function () {
    })

    $(".block li").hover(function (e) {
    }, function () {
        var index = $(this).attr("data-default-index");//点击后的索引
        index = parseInt(index);
        console.log("index", index);
        $(".level").html(byIndexLeve(index - 1));
        console.log(byIndexLeve(index - 1));
        $(".order-evaluation ul li:eq(0)").find("img").attr("src", "../img/x1.png");
        for (var i = 0; i < index; i++) {

            $(".order-evaluation ul li:eq(0)").find("img").eq(i).attr("src", "../img/x2.png");
        }
    })
    $(".block li").find("img").click(function () {
        var obj = $(this);
        var li = obj.closest("li");
        var star_area_index = li.index();
        var index1 = obj.index();
        li.attr("data-default-index", (parseInt(index1) + 1));
        var index = $(".block li").attr("data-default-index");//点击后的索引
        index = parseInt(index);
        console.log("index", index);
        $(".level").html(byIndexLeve(index - 1));
        console.log(byIndexLeve(index - 1));
        $(".order-evaluation ul li:eq(0)").find("img").attr("src", "../img/x1.png");
        for (var i = 0; i < index; i++) {
            $(".order-evaluation ul li:eq(0)").find("img").eq(i).attr("src", "../img/x2.png");
        }

    });
    //印象
    $(".order-evaluation-check").click(function () {
        if ($(this).hasClass('checked')) {
            //当前为选中状态，需要取消
            $(this).removeClass('checked');
        } else {
            //当前未选中，需要增加选中
            $(this).addClass('checked');
        }
    });

    //评价字数限制
    function words_deal() {
        var curLength = $("#TextArea1").val().length;
        if (curLength > 140) {
            var num = $("#TextArea1").val().substr(0, 140);
            $("#TextArea1").val(num);
            alert("超过字数限制，多出的字将被截断！");
        } else {
            $("#textCount").text(140 - $("#TextArea1").val().length);
        }
    }

    $("#order_evaluation").click(function () {
        <!--            $("#order_evaluate_modal").html("感谢您的评价！么么哒(* ￣3)(ε￣ *)").show().delay(3000).hide(500);-->
    })
</script>


</body>
</html>